<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <banner>
        <div class="out">
            <div class="banner_top">
                <section class="left">
                    <section class="pointer"><img src="img/header/qq.png" class="banner_img" alt="">
                        <p>QQ交谈</p>
                    </section>
                    <section class="pointer"><img src="img/header/qun.png" class="banner_img" alt="">
                        <p>官方QQ群</p><img src="img/header/xia.png" class="banner_img" alt=""></section>
                    <a href="#" class="banner_text" id="one">常见问题</a>
                </section>
                <section class="right">
                    <section class="pointer other"><img src="img/header/money.png" class="banner_img" alt="">
                        <p>点我赚钱</p>
                    </section>
                    <a href="#" class="banner_text">注册</a>
                    <a href="#" class="banner_text">登录</a>
                    <section class="pointer"><img src="img/header/qq.png" class="banner_img" alt="">
                        <p>QQ登录</p>
                    </section>
                    <section class="pointer other_sec"><img src="img/header/weixin.png" class="banner_img" alt="">
                        <p>微信登录</p>
                    </section>
                </section>
            </div>
        </div>
        <div class="wai">
            <div class="nav">
                <img src="img/header/logo.png" alt="">
                <section>
                    <p>首页</p>
                    <p>广告设计</p>
                    <p>淘宝设计</p>
                    <p>素材设计</p>
                    <p>千图灵感</p>
                    <p>设计工具</p>
                    <p>活动<sup><img class="sup1" src="img/header/hot.png" alt=""></sup></p>
                    <p>VIP特权<sup><img class="sup2" src="img/header/n.png" alt=""></sup></p>
                </section>
            </div>
        </div>
        <div class="ju">
            <img src="img/header/nav.png" alt="">
            <div class="soso">
                <p>专注免费设计素材网站</p>
                <input type="text" placeholder="800万张免费设计素材任意下载">
                <input type="button" value="搜全站" class="sqz">
                <input type="button" value="搜原创" class="syc">
            </div>
        </div>
    </banner>
    <main>
        <div id="outer">
            <ul>
                <li class="active"><img src="img/banner/banner1.png" alt=""></li>
                <li><img src="img/banner/banner2.jpg" alt=""></li>
                <li><img src="img/banner/banner3.jpg" alt=""></li>
                <li><img src="img/banner/banner4.jpg" alt=""></li>
                <li><img src="img/banner/banner5.jpg" alt=""></li>
                <li><img src="img/banner/banner6.png" alt=""></li>
                <li><img src="img/banner/banner7.jpg" alt=""></li>
                <li><img src="img/banner/banner8.png" alt=""></li>
            </ul>
        </div>
        <div>
            <ul id="wz">
                <li>平面广告</li>
                <li>电商淘宝</li>
                <li>文档模板</li>
                <li>摄影图库</li>
                <li>网页UI</li>
                <li>多媒体</li>
                <li>空间建筑</li>
            </ul>
        </div>
        <div class="tub">
            <section class="tub_1">
                <img src="img/main/kaifa.png" alt="">
                <p>开发手册</p>
            </section>
            <section class="tub_2">
                <img src="img/main/UI.png" alt="">
                <p>UI图标</p>
            </section>
            <section class="tub_3">
                <img src="img/main/taobao.png" alt="">
                <p>淘宝工具</p>
            </section>
            <section class="tub_4">
                <img src="img/main/peise.png" alt="">
                <p>配色工具</p>
            </section>
            <section class="tub_5">
                <img src="img/main/wangye.png" alt="">
                <p>网站工具</p>
            </section>
            <section class="tub_6">
                <img src="img/main/tubiao.png" alt="">
                <p>图标宝</p>
            </section>
            <section class="tub_7">
                <img src="img/main/huace.png" alt="">
                <p>图册宝</p>
            </section>
            <section class="tub_8">
                <img src="img/main/shufa.png" alt="">
                <p>在线书法</p>
            </section>
            <section class="tub_9">
                <img src="img/main/dianshang.png" alt="">
                <p>电商培训</p>
            </section>
            <section class="tub_10">
                <img src="img/main/dianpu.png" alt="">
                <p>店铺装修代码</p>
            </section>
            <section class="tub_11">
                <p>更多设计工具</p>
            </section>
        </div>
        <div class="clear"></div>
        <div class="main_img">
            <h2 class="main_h2">热门专题</h2>
            <div class="main_fig">
                <figure>
                    <img src="img/main/1.jpg" alt="">
                    <figcaption class="figcap">喜庆元素背景集</figcaption>
                </figure>
                <figure>
                    <img src="img/main/2.jpg" alt="">
                    <figcaption class="figcap">小年</figcaption>
                </figure>
                <figure>
                    <img src="img/main/3.jpg" alt="">
                    <figcaption class="figcap">福到</figcaption>
                </figure>
                <figure>
                    <img src="img/main/4.jpg" alt="">
                    <figcaption class="figcap">扁平化工作场景</figcaption>
                </figure>
                <figure>
                    <img src="img/main/5.jpg" alt="">
                    <figcaption class="figcap">创意海报</figcaption>
                </figure>
            </div>
        </div>
        <div class="a" id="a">
            <a href="#">友情连接</a>
            <a href="#">新素材</a>
            <a href="#">新搜索</a>
            <a href="#">热门素材</a>
            <a href="#">热门PPT素材</a>
            <a href="#">热门淘宝素材</a>
            <a href="#">热门装修素材</a>
            <a href="#">热门专题</a>
            <a href="#">搜索地图</a>
        </div>
        <div class="hr"></div>
        <div class="a add fir" id="add">
            <a href="#">千图样机</a>
            <a href="#">我图网</a>
            <a href="#">90设计</a>
            <a href="#">摄图网</a>
            <a href="#">微信公众平台</a>
            <a href="#">图片之家</a>
            <a href="#">UI图标库</a>
            <a href="#">背景图片</a>
            <a href="#">精品素材</a>
            <a href="#">千广网</a>
            <a href="#">折800官网</a>
            <a href="#">深圳地图</a>
            <a href="#">背景墙</a>
            <a href="#">找工作</a>
            <a href="#">PPT模板</a>
            <a href="#">爱奇艺广告</a>
        </div>
        <div class="a add" id="add">
            <a href="#">装修咨讯</a>
            <a href="#">视频素材</a>
            <a href="#">天气预报查询</a>
            <a href="#">包图网</a>
            <a href="#">123网址之家</a>
            <a href="#">QQ头像</a>
            <a href="#">电脑壁纸</a>
            <a href="#">淮安新闻网</a>
            <a href="#">山东门户</a>
            <a href="#">经典语录</a>
            <a href="#">QQ个性签名</a>
            <a href="#">PS教程</a>
            <a href="#">我图素材下载</a>
            <a href="#">比克尔下载</a>
        </div>
        <div class="a add" id="add">
            <a href="#">图片大全</a>
            <a href="#">老男人</a>
            <a href="#">壁纸</a>
            <a href="#">小清新图画</a>
            <a href="#">男士时尚</a>
            <a href="#">QQ个性签名</a>
            <a href="#">奶茶图片</a>
            <a href="#">创意图案</a>
            <a href="#">QQ分组</a>
            <a href="#">更多>></a>
            <a href="#">友情链接请联系QQ：12345678</a>
            <a href="#">要求：PR>=4,百度权重>=7</a>
        </div>
    </main>
    <footer>
        <div class="g">
            <a href="#">官方微博</a>
            <a href="#">常见问题</a>
            <a href="#">版权声明</a>
            <a href="#">商务合作</a>
            <a href="#">售后服务</a>
            <a href="#">新素材</a>
            <a href="#">图片下载</a>
            <a href="#">素材专题</a>
            <a href="#">千图导航</a>
            <a href="#"><img src=""></a>
            <p href="#" class="th">客服电话:401-123456</p>
        </div>
        <div class="g">
            <p>千图网素材为用户免费分享产，若发现您的权利被侵害，请联系tousu@58pic.com,我们尽快处理</p>
            <p class="op">Copyright © 2015<a href="#" class="foot_co">千图网</a>沪ICP备10011451号-6 用时：0.0114 0.579 秒
                <img src="img/footer/booter.png" alt="">上海工商</p>
        </div>
    </footer>
</body>
<script src="js/index.js"></script>

</html>